/* Id atribute */

#mypfp {
    width: 100px;
    height: 100px;
}

/* Class atribute */

.item-6 {
    grid-area: 2 / 1 / 6 / 5;
}
.item-7 {
    grid-area: 2 / 5 / 6 / 7;
}
.item-8-content {
    display: grid;
    width: 832px;
    grid-template-rows: repeat(2, 31px);
    grid-template-columns: repeat(9, 88px);
    grid-gap: 10px 5px;
    text-align: center;
    margin: auto;
}
.item-8 {
    grid-area: 6 / 1 / 7 / 7;
}

.list {
    width: 400px;
    float: right;
}
.miniature {
    float: left;
    border: 5px solid var(--clr-border);
    height: 125px;
    filter: drop-shadow(-10px 10px 4px #00000090);
}


.albumContainer {
    display: grid;
    grid-template-rows: repeat(3, 120px);
    grid-template-columns: repeat(2, 120px);
    grid-gap: 5px;
    text-align: center;
    margin: auto;
}
.album {
    width: 120px;
}